.serverDetail{
    background: #F7F9FB;
    margin-bottom: 97px;
    min-height: 100vh;
    .setFooter{
        width:750px;
        height:97px;
        line-height: 97px;
        background:rgba(236,236,236,1);
        border:1px solid rgba(238, 238, 238, 1);
        font-size:26px;
        font-family:PingFang-SC-Medium;
        color:rgba(28,31,42,1);
        position: fixed;
        bottom: 0;
        left: 0;
        z-index: 999;
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        .left{
            flex: 1;
            display: flex;
            .operate{
                width: 98px;
                text-align: center;
                line-height: 62px;
                border: none;
                .name{
                    display: block;
                    font-size:22px;
                    line-height: 35px;
                    font-family:PingFang-SC-Medium;
                    color:rgba(36,36,36,1);
                }
            }
        }
        .right{
            width:200px;
            background:rgba(157,144,99,1);
            text-align: center;
            font-size:28px;
            color:rgba(255,255,255,1);
        }
    }
    .canvas-wrap {
       width: 100%;
       height: 100%;
       background: rgba(0, 0, 0, 0.3);
       position: fixed;
       top: 0;
       left: 0;
       display: flex;
       align-items: center;
       justify-content: center;
       flex-direction: column;
        .can-img{
          width: 600px;
          height: 800px;
        }
       .btn-save {
         width: 600px;
         height: 100px;
         line-height: 100px;
         text-align: center;
         color: #fff;
         background: #9d9063;
       }
    }
    .card-canvas{
      position: fixed;
      z-index: -100;
    }
}
